<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Feedback</title>
</head>
<body>
<%@ include file="heading.jsp" %>
	<div class="container">
		<div class="row">
		
			<div class="col-sm-5">
				<div class="desc">
					<h3>${channels[0].channelName }</h3>
					<p>${channels[0].channelDesc }</p>
				</div>
				<div class="recomand">
					<c:choose>
						<c:when test="${!empty votes}">
							<ul class="list-group-item">
								<c:forEach items="${votes}"
									var="vote">
									<li class="list-group-item"><a href="vote/${vote.voteID }/read.do">${vote.voteName }</a></li>
								</c:forEach>
							</ul>
						</c:when>
						<c:otherwise>
							<p>no threads in this channel yet!</p>
						</c:otherwise>
					</c:choose>
				</div>
			</div>
			
			<div class="col-sm-5">
				<div class="desc">
					<h3>${channels[1].channelName }</h3>
					<p>${channels[1].channelDesc }</p>
				</div>
				<div class="recomand">
<%-- 					<c:choose>
						<c:when test="${!empty threadsInChannel1}">
							<ul class="list-group-item">
								<c:forEach items="${threadsInChannel1}"
									var="threads1">
									<li class="list-group-item">${threads1 }</li>
								</c:forEach>
							</ul>
						</c:when>
						<c:otherwise>
							<p>no threads in this channel yet!</p>
						</c:otherwise>
					</c:choose> --%>
				</div>
			</div>
				
			</div>
		</div>
<!-- 	<script type="text/javascript" src="bootstrap/js/jquery.min.js"></script>
	<script type="text/javascript" src="bootstrap/js/bootstrap.js"></script> -->
</body>
</html>
